<template>
  <n-layout class="app-layout" has-sider>
    <!--    左侧栏-->
    <AppSider />

    <n-layout>
      <!--      头部栏-->
      <AppHeader />

      <!--      内容栏-->
      <AppContent />
    </n-layout>
  </n-layout>
</template>

<script lang="ts" setup>
import AppSider from '@/pages/main/components/app-sider.vue'
import AppHeader from '@/pages/main/components/app-header.vue'
import AppContent from '@/pages/main/components/app-content.vue'
</script>

<style lang="scss" scoped>
.app-layout {
  height: 100vh;
  overflow: hidden;
}
</style>
